<!DOCTYPE html>
<html>
  <head>
    <title>影音世界</title>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, user-scalable=no"
    />
    <link rel="stylesheet" href="assets/css/main.css" />
    <link
      rel="shortcut icon"
      href="https://xiangchaichaipro.oss-accelerate.aliyuncs.com/upload/file/2023/12/23/a09eeaf4f93b6d7c.png"
    />
  </head>
  <body>
    <!-- 内容区域 -->
    <div class="container-box">
      <!-- 背景 -->
      <img src="./images/bg-CUkJWawK.png" alt="" class="bg" />
      <!-- 套餐 -->
      <div class="brand-box">
        <!-- 列表 -->
        <div class="list">
          <div class="item">
            <div class="left-box">普通版：安卓手机</div>
            <div class="line"></div>
            <div class="price">
              <span>¥</span>
              <span class="number">39.00</span>
            </div>
          </div>
          <div class="item">
            <div class="left-box">普通版：苹果手机</div>
            <div class="line"></div>
            <div class="price">
              <span>¥</span>
              <span class="number">39.00</span>
            </div>
          </div>
          <div class="item">
            <div class="left-box">高端版：手机/平板/电脑</div>
            <div class="line"></div>
            <div class="price">
              <span>¥</span>
              <span class="number">59.00</span>
            </div>
          </div>
          <div class="item">
            <div class="left-box">顶配版：手机/平板/电脑/电视</div>
            <div class="line"></div>
            <div class="price">
              <span>¥</span>
              <span class="number">79.00</span>
            </div>
          </div>
        </div>
        <!-- 手机号 -->
        <div class="input-box">
          <img src="./images/phone.png" alt="" class="icon" />
          <input type="text" placeholder="请输入开通VIP会员手机号" />
        </div>
        <div class="buy-btn">
          立即购买
          <span>（¥</span>
          <span style="margin-left: 4px">79.00）</span>
        </div>
      </div>
      <!-- 最底下的固定按钮 -->
      <div class="bottom-btn-box">
        <div class="review">
          <img src="./images/kefu.png" alt="" />
        </div>
        <div class="buy">
          <img src="./images/dingdan.png" alt="" />
        </div>
      </div>
      <!-- 投诉 -->
      <div class="tousu-box">
        <a href="./complaint.html">
          <img src="./images/tousu.png" alt="" />
        </a>
      </div>
    </div>
    <!-- Scripts -->
    <script src="assets/js/jquery.min.js"></script>
    <script src="assets/js/main.js"></script>
  </body>
</html>
